<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>河狸家</title>
    <meta name="decorator" content="cms_default_${fns:getConfig('site.theme')}"/>
    <meta name="description" content="河狸家教育平台" />
    <meta name="keywords" content="教育平台 在线教育 视频图文" />

    <meta name="viewport" content=" initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="no"/>
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="http://wximg.gtimg.com/tmt/city-wechat/dist/0.0.1/css/style-tmt.css">
    <link href="${ctxStaticTheme}/mobile/css/xunzhong.css"  rel="stylesheet" type="text/css" />

    <script src="${ctxStatic}/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="${ctxStaticTheme}/mobile/js/jquery.royalslider.min.js"></script>

    <link href="${ctxStaticTheme}/mobile/css/royalslider.css" rel="stylesheet" type="text/css" />
    <link href="${ctxStaticTheme}/mobile/css/rs-minimal-white.css" rel="stylesheet">

</head>
<body>
<div id="maindiv" style="z-index:88;">
<!---- -- -- -- -顶部导航 -- -- -- -- -- -- -- -->
<div class="xz-headerbar"  style=" text-align:left;">
    <c:forEach items="${fnc:getMainNavList()}" var="category" varStatus="status">
        <c:choose><c:when test="${category.name eq '全部课程'}">
            <a class="xz-headnav xz-selected" > ${category.name}</a>
        </c:when><c:otherwise>
            <a class="xz-headnav" href="${category.url}"> ${category.name}</a>
        </c:otherwise></c:choose>
    </c:forEach>
    <a class="xz-btn-search" ><span class="xz-btn-searchicon"></span></a>
</div>
<!---- -- -- -- --底部导航 -- -- -- -- -- -- -- -->
<div class="xz-bottombar" >
    <a class="xz-bottomnav xz-selected" ><span class="xz-bottomnavicon xz-bottomnavicon-classcenter"></span><span class="xz-bottomnavtext" >课程中心</span></a>
    <a class="xz-bottomnav" ><span class="xz-bottomnavicon xz-bottomnavicon-myclass"></span><span class="xz-bottomnavtext" >我的课程</span></a>

</div>
<!---- -- -- -- --主内容 -- -- -- -- -- -- -- -->
<div class="xz-contants">
<div class="xz-pop">
    <!-- 滚动代码开始-->
    <div class="sliderContainer fullWidth clearfix" >
        <div id="full-width-slider" class="royalSlider heroSlider rsMinW" >
            <div class="rsContent" >

                <img src="${ctxStaticTheme}/mobile/css/imgs/pop1.jpg"  style=" width:320px; height:138px" alt=""  />

            </div>

            <div class="rsContent" >

                <img src="${ctxStaticTheme}/mobile/css/imgs/pop2.jpg"  alt=""  style="width:320px; height:138px"/>
            </div>
        </div>
    </div>
    <script>
        jQuery(document).ready(function($) {
            $('#full-width-slider').royalSlider({
                arrowsNav: false,
                loop: true,
                loopRewind: true,
                keyboardNavEnabled: true,
                controlsInside: false,
                imageScaleMode: 'none',
                arrowsNavAutoHide: false,
                controlNavigation: 'bullets',
                thumbsFitInViewport: false,
                navigateByClick: false,
                startSlideId: 0,
                autoplay: true,
                transitionType:'move',
                globalCaption: false,
                deeplinking: {
                    enabled: true,
                    change: false
                },
                autoPlay: {
                    enabled: true,
                    delay:2000
                }
            });
        });

    </script>
    <!-- 滚动代码结束-->


</div>
<div class="xz-bigbtngroup"  >
    <a class="xz-bigbtn1"><img src="${ctxStaticTheme}/mobile/css/imgs/icon-newclass.png" width="70" height="52" /> <span class="xz-bigbtn1title">最新课程</span><span class="xz-bigbtn1info">每天进步一点点</span> </a>
    <a  class="xz-bigbtn2"> <img src="${ctxStaticTheme}/mobile/css/imgs/icon-saleclass.png" width="37" height="37" style="margin-right:10px;" /><span  class="xz-bigbtn2title">营销课程</span><span  class="xz-bigbtn2info">拓展人脉实战技巧</span></a>
    <a class="xz-bigbtn3"> <img src="${ctxStaticTheme}/mobile/css/imgs/icon-info.png" width="37" height="37" style="margin-right:10px;" /><span  class="xz-bigbtn3title">营销课程</span><span  class="xz-bigbtn3info">拓展人脉实战技巧</span></a>
</div>

<ul class="tmt-list tmt-list_box jrpop tmt-list_icon">
    <c:forEach items="${fnc:getArticleList('e91fe4765bda442c83af1bd08622551d', 8, '')}" var="article">
        <li class="tmt-list__item">
            <div class="tmt-list__item-link">
                <a href="${article.url}" >
                <div class="tmt-list__item-box">
                    <img src="${article.image}" alt="" class="tmt-list__item-img"/>
                    <div class="tmt-list__item-text">
                        <div class="tmt-list__item-title">${fns:abbr(article.title,28)} <span class="tmt-list-badgefont xz-maincolor">必修</span></div>
                        <div class="tmt-list__item-addition">
                            <span class="tmt-list-info"><em >课程介绍：</em>${article.remarks}</span>
                        </div>

                    </div>

                </div>
                </a>
            </div>
        </li>
    </c:forEach>

</ul>

</div>
</div>

<div id="serachdiv" style="z-index:99;display: none" >
    <!---- -- -- -- -顶部导航 -- -- -- -- -- -- -- -->
    <div class="xz-headerbar xz-serachbar" >
        <div  class="xz-searchgroup">
            <input name="" type="search"  class="xz-searchinput" />
        </div>
        <a class="xz-btncancel" >取消</a>
    </div>

    <!---- -- -- -- --主内容 -- -- -- -- -- -- -- -->
    <div class="xz-contants xz-insert" >
        <c:forEach items="${fns:getDictList('search_keyword')}" var="dict">
            <a  class="xz-btn">${dict.value}</a>
        </c:forEach>
    </div>
</div>
</body>
</html>